<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:void(0)" class="fbtn fb-add">添加</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">三方物流费用管理</a></li>
                <li><a href="#">物流费用支出管理</a></li>
            </ol>
            <h3 class="current_module">物流费用支出管理</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">

        <div class="group_search layui-form" id="table_search">
            <div class="row">
                <div class="col-md-6 col-lg-6">
                    <input type="email" class="form-control" placeholder="付费方" name="name">
                </div>
                <div class="col-md-6 col-lg-6">
                    <input type="email" class="form-control" placeholder="付费方" name="name">
                </div>

            </div>
            <div class="row">
                <div class="col-md-4 col-lg-4">
                    <div class="box_date">
                        <input type="text" action="date" placeholder="开始时间">
                        <span class="text-and">—</span>
                        <input type="text" action="date" placeholder="结束时间">
                    </div>
                </div>
                <div class="col-md-6 col-lg-6">
                    <div class="check_group">
                        <label class="label">单据状态</label>
                        <input type="hidden" name="radio">
                        <div class="control-filtering ">
                            <a id="all_state" class="option " value="1">全部</a>
                            <a id="y_state" class="option " value="2">未提交</a>
                            <a id="s_state" class="option active" value="3">已提交</a>
                            <a id="s_state" class="option " value="4">已审核</a>
                            <a id="s_state" class="option " value="5">已结算</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2 ">
                    <button type="button" class="btn btn-def" action="search">
                  <span class="glyphicon glyphicon-search"></span>
                  查询
              </button>
                </div>
            </div>
        </div>

        <h2 class="h2_1">
            您当前共有<span id="id_num">0</span>项物流费用支出
        </h2>

        <table id="memberApplicationList"></table>
    </div>

    <footer class="footer">
        Copyright © 2015-2017
        <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js">
    </script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript">
        new app.table('#memberApplicationList', {
            url: 'json/sfywd_1.json',
            toolbar: '#toolbar',
            search: false,
            dataType: 'json',
            height: 500,
            columns: [{
                field: 'no',
                title: '序号',
            }, {
                field: 'name',
                title: '日期',
            }, {
                field: 'content',
                title: '单据编号',
            }, {
                field: 'tel',
                title: '单据状态',
            }, {
                field: 'type',
                title: '付费方',
            }, {
                field: 'time',
                title: '收费方',
            }, {
                field: 'area',
                title: '金额',
            }, {
                field: 'status',
                title: '明细条目',
            }, {
                title: '操作',
                field: 'id',
                align: 'center',
                formatter: function(value, row, index) {
                    var s = '<div class="table_btn">';
                    var y = '<a class="btn-gray w-50" href="sfywd_2.html" mce_href="#" >编辑<i>|</i></a>';
                    var w = '<a class="btn-gray w-50" href="javascript:" mce_href="#">提交审核</a>';
                    var end = '</div>'
                    return s + y + w + end;
                }
            }]
        })
    </script>

</body>

</html>